page {
	height: 100vh;
	background: #F1F2F7;
}
.pay {
	height: 100vh;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}
.wrapper {
	padding: 0 28rpx;
	padding-top: 26rpx;
	margin-bottom: 20rpx;
	height: 240rpx;
	border-bottom: 10rpx solid #FFEFB8;	
	background: url('/static/img/jifenBg.png') center center no-repeat;
	background-size: 556rpx 240rpx;
	background-position: 184rpx  0;
	background-color: #2F364C;
	box-sizing: border-box;
	.v_name{
		.tt1{
			font-size: 36rpx;
			color:#fff;
			font-weight: 700;
			line-height: 50rpx;
			.ii{
				width:64rpx;
				height: 50rpx;
				margin-left: 8rpx;
				position: relative;
				top:10rpx;
				left:20rpx;
			}
		}
		.vt2{
			color:#ADADAD;
			font-size: 24rpx;
			margin-bottom: 36rpx;
			margin-top: 10rpx;
		}
	}
}
.swiper {
	height: 100%;
	.swiper-view {
		display: flex;
		flex-direction: column;
		align-items: center;
		.jifen {
			// margin: 0 53rpx;
			width: calc(100% - 106rpx);
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			padding-top:15rpx;
			box-sizing: border-box;
			.jifen-item {
				box-sizing: border-box;
				width: 198rpx;
				height: 224rpx;
				background: #FFFFFF;
				border-radius: 16rpx;
				color: #EC702D;
				position: relative;
				text-align: center;
				padding-top: 50rpx;
				box-sizing: border-box;
				.zuhe {
					display: flex;
					flex-direction: column;
					align-items: center;
					margin-top: 20rpx;
				}
				.jifen-item-price {
					margin-top: 20rpx;
					font-weight: bold;
					font-size: 37rpx;
					.aa {
						font-size: 23rpx;
						margin-right: 10rpx;
					}
				}
				.jifen-item-jifen {
					margin-top: 20rpx;
					font-size: 27rpx;
					color:#2F364C;
				}
				.jifen-item-tip {
					position: absolute;
					top:-10px;
					left:0px;
					width: 142rpx;
					height: 46rpx;
					background: url('/static/img/jifen.png') center center no-repeat;
					background-size: cover;
					font-size: 18rpx;
					text-align: center;
					color:#fff;
					line-height: 58rpx;
					padding-right: 10rpx;
					box-sizing: border-box;
				}
			}
		}
		.pay_btn {
			line-height: 92rpx;
			font-size: 29rpx;
			color: white;
			width: 628rpx;
			height: 92rpx;
			background: linear-gradient( 245deg, #7E8BFF 5%, #A3ACFF 99%);
			border-radius: 24rpx;
			margin:0 atuo;
			margin-top: 50rpx;
		}
		.desc {
			width: 697rpx;
			color: #181818;
			padding: 30rpx 40rpx 30rpx 40rpx;
			line-height: 60rpx;
			box-sizing: border-box;
			margin-top: 0rpx;
			.title {
				font-weight: bold;
				font-size: 30rpx;
			}
		}
		.item_margin_left {
			margin-left: calc((100% - 604rpx) / 2);
		}
		.item_margin_top {
			margin-top: 26rpx;
		}
		.item_choise {
			background: #FDF5E4!important;
			border-radius: 16rpx!important;
			border: 6rpx solid rgba(249, 221, 120, 1)!important;
		}
		.hot {
			// font-weight: bold !important;
			//background: red !important;
		}
	}
}
.payXieyiText{
	font-size: 20rpx;
	padding-top:20rpx;
	display: flex;
	radio{
		transform:scale(0.5);
		position: relative;
		top: -1rpx;
		left:10rpx;
	}
	navigator{
		text-decoration: underline;
		color:#7E8BFF;
		display: inline;
	}
}
.popupXieyi{
	position: relative;
	background-color: #fff;
	padding:40rpx ;
	
	.closepopUp{
		position: absolute;
		top:20rpx;
		right:20rpx;
	}
	navigator{
		display: inline;
	}
	button{		
		    line-height: 82rpx;
		    color: white;
		    width: 528rpx;
		    height: 82rpx;
		    background: linear-gradient( 245deg, #7E8BFF 5%, #A3ACFF 99%);
		    border-radius: 41rpx;
		    margin:0 atuo;
		    margin-top: 50rpx;
	}
}


.fei_pay{
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: start;
	.fei_image{
		margin-top: 50rpx;
		width: 80%;
		height: 60%;
	}
	.fei_text{
		font-size: 35rpx;
		margin-top: 300rpx;
		width: 80%;
		text-align:center;
		color: white;
	}
}